<?xml version="1.0" encoding="utf-8"?>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<s:url id="sasa1" action="sasa"/>
<s:url id="sasa2" action="sasa"/>
<s:url id="sasa3" action="sasa"/>
<s:url id="sasa4" action="sasa"/>

<div class="result ui-widget-content ui-corner-all">
	<form method="post">
<h3><sj:a id="d1" href="%{sasa1}" targets="sa">步骤1</sj:a></h3><br>
<h3><sj:a id="d2" href="%{sasa2}" targets="sa">步骤2</sj:a></h3><br>
<h3><sj:a id="d3" href="%{sasa3}" targets="sa">步骤3</sj:a></h3><br>
<h3><sj:a id="d4" href="%{sasa4}" targets="sa">步骤4</sj:a></h3><br>

		 <sj:a id="add1" 
                href="%{}" 
                targets="result" 
                indicator="indicator" 
                button="true" 
        >
                添加
        </sj:a>
         <sj:a id="mod1" 
                href="%{}" 
                targets="result" 
                indicator="indicator" 
                button="true" 
        >
               修改
        </sj:a>
          <sj:a id="del1" 
                href="%{}" 
                targets="result" 
                indicator="indicator" 
                button="true" 
        >
                删除
        </sj:a>
	</form>
</div>
<div class="result ui-widget-content ui-corner-all">
	<div id="sa"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
	$("#d1,#d2,#d3,#d4").hover(function() {
		$(this).addClass("blue24");
	}, function() {
		$(this).removeClass("blue24");
	});
	$("#d1,#d2,#d3,#d4").click(function(){
		$("#d1,#d2,#d3,#d4").removeClass("blue25");
		$(this).addClass("blue25");
		
		});
});
</script>
<style>
.blue24 {
        background:#bcd4ec;  
}
.blue25 {
        background:#bcd4ec;  
}
</style>